/* body {
  -webkit-overflow-scrolling: touch;
} */
.container {
  background: #F6F6F6;
}
.content {
  width: 100%;
  position: relative;
  /* background: url('./images/list/bd_dwy_img.png') no-repeat; */
  background: url('./images/newVote/tpy_banner_img.jpg') no-repeat;
  background-size: 100%;
}

.voteSuccessToast .content {
  width: 3rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  font-size: 0.28rem;
  font-weight: bold;
}
.logoImage {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.logoImage img {
  max-width: 100%;
  max-height: 100%;
}

.defaultHide {
  display: none !important;
}
.header {
  width: 7.5rem;
  height: 1rem;
  position: fixed;
  z-index: 33;
  /* padding: 0.26rem 0.3rem; */
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
}
.header .group {
  height: 0.6rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.header .group span {
  padding-top: 0.05rem;
  font-size:0.14rem;
  font-weight:bold;
  color:rgba(255,255,255,1);
}
.header .home img {
  width: 0.44rem;
  height: 0.4rem;
}
.header .encyclopedias img {
  width: 0.41rem;
  height: 0.39rem;
}
.header .input {
  width:5.66rem;
  height:0.6rem;
  background:rgba(255,255,255,1);
  border-radius:0.3rem;
  padding: 0.12rem 0.3rem;
  font-size:0.26rem;
  font-weight:400;
  color:rgba(153,153,153,1);
}

.header .input .searching {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  outline: none;
  border: 0rem;
  font-size: 0.3rem;
}


.bannerBox {
  width: 100%;
  height: 3.8rem;
  position: relative;
}
.bannerBox .selection{
  font-size:0.5rem;
  font-weight:bold;
  color:rgba(255,255,255,1);
  letter-spacing:0.06rem;
  position: absolute;
  top: 1.14rem;
  left: 0.53rem;
}
.bannerBox .tradeName {
  font-size:0.36rem;
  font-weight:bold;
  color:rgba(255,255,255,1);
  letter-spacing:0.03rem;
  position: absolute;
  top: 1.76rem;
  left: 0.53rem;
}
.bannerBox  .button {
  width:1.8rem;
  height:0.6rem;
  background:rgba(255,255,255,1);
  border-radius:0.3rem;
  font-size:0.28rem;
  font-weight:400;
  color:rgba(168,37,30,1);
  position: absolute;
  top: 2.46rem;
  left: 0.53rem;
  display: flex;
  justify-content: center;
  align-items: center;
}


.rollingNotification {
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
}

.rollingNotification img {
  height: 0.46rem;
}

.rollingNotification .rollingContainer {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.rollingNotification .rollingContainer .rollingContent {
  color: #A40001;
  font-size: 0.26rem;
}
.rollingNotificationHome img {
  height: 0.44rem;
  width: 0.44rem;
  margin-left: 0.16rem;
}

.rollingNotificationHome {
  margin: 0rem 0.3rem;
  position: relative;
  top: -0.18rem;
  width: 6.96rem;
  height: 0.58rem;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  border-radius: 0.1rem;
}

.rollingNotificationHome .activityDetails {
  position: relative;
  z-index: 33;
  background: rgba(238, 238, 238, 1);
  -webkit-box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(109, 109, 109, 0.15);
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(109, 109, 109, 0.15);
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(102, 102, 102, 1);
  font-weight: 400;
  margin-left: 0.06rem;
  margin-right: -0.06rem;
  font-size: 0.26rem;
  min-height: 1rem;
  min-width: 1rem;
}



.list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 0.12rem;
}

.list .item {
  width: 6.9rem;
  height: 1.68rem;
  padding: 0.25rem 0.33rem 0.16rem 0.25rem;
  margin-bottom: 0.3rem;
  background: url('./images/list/bd_dws_img.png') no-repeat;
  background-size: cover;
  box-shadow:0rem 0rem 0.1rem rgba(153,153,153,0.15);
  border-radius:0.2rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list .item:last-child {
  margin-bottom: 0.66rem;
}
.list .item .left {
  min-width: 2.03rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.list .item .left .title {
  text-align: center;
  width: 90%;
  font-size:0.3rem;
  margin-top: 0.16rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.list .logoGroup {
  width: 100%;
  height: 1.18rem;
  background:rgba(255,255,255,1);
  border-radius:0.1rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list .logoGroup .topThree {
  position: absolute;
  top: -0.06rem;
  left: 0;
  width: 0.39rem;
  height: 0.52rem;
}
.list .logoGroup .topThree img {
  display: block;
  width: 100%;
  height: 100%;
}
.list .logoGroup .theLastThreeBase {
  position: absolute;
  top: -0.04rem;
  left: -0.04rem;
  width:0.36rem;
  height:0.36rem;
  border-radius:0.1rem 0rem 0rem 0rem;
  font-size:0.22rem;
  font-weight:bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list .logoGroup .threeToTen {
  background:rgba(211,20,28,1);
  color:rgba(255,255,255,1);
}
.list .logoGroup .theLastTen {
  background:rgba(233,233,233,1);
  color:rgba(153,153,153,1);
}
.list .logoGroup .logo {
  max-height: 100%;
  max-width: 100%;
}
.list .logoGroupNotTopThree {
  border:0.04rem solid rgba(233,233,233,1) !important;
}
.list .item .center {
  flex: 1;
  min-width: 2.7rem;
  padding:  0 0.1rem 0 0.2rem;
  font-size:0.32rem;
  color:rgba(51,51,51,1);
  font-weight:400;
  display: flex;
  flex-direction: column;
}
.list .item .center .votes {
  position: relative;
  font-size:0.24rem;
  font-weight:400;
  color:rgba(102,102,102,1);
  align-self: flex-start;
}
.list .item .center .up::after {
  content: '';
  position: absolute;
  width: 0.2rem;
  height: 0.22rem;
  right: -0.28rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url('./images/newVote/tpjxz_ssjt_icon.png') no-repeat;
  background-size: cover;
}
.list .item .center .down::after {
  content: '';
  position: absolute;
  width: 0.2rem;
  height: 0.22rem;
  right: -0.28rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url('./images/newVote/tpjxz_xjjt_icon.png') no-repeat;
  background-size: cover;
}
.list .item .center div {
  margin-top: 0.16rem;
}
.list .item .center :first-child {
  margin-top: 0rem;
}
.list .item .right {
  max-width: 1.6rem;
  min-width: 1.4rem;
  display: flex;
  justify-content: flex-end;
}
.list .item .text {
  font-size:0.26rem;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.list .item .right .button{
  width: 1.3rem;
  height:0.58rem;
  background:rgba(211,20,28,1);
  box-shadow:0rem 0.02rem 0.1rem rgba(229,0,9,0.56);
  border-radius:0.28rem;
  font-size:0.26rem;
  font-weight:400;
  color:rgba(255,255,255,1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}



.list .theSecondItem {
  width: 6.9rem;
  height: 2.17rem;
  padding: 0.25rem 0.22rem 0.16rem 0.25rem;
  background: url('./images/list/bd_dws_img.png') no-repeat;
  background-size: cover;
  box-shadow:0rem 0rem 0.1rem rgba(153,153,153,0.15);
  border-radius:0.2rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}
.list .theSecondItem:last-child {
  margin-bottom: 0.66rem;
}
.list .theSecondItem .theSecondLeft {
  width: 2.03rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.list .theSecondItem .theSecondLeft .title {
  text-align: center;
  width: 90%;
  font-size:0.3rem;
  margin-top: 0.16rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.list .theSecondItem .theSecondLeft .logoGroup .logo {
  max-height: 100%;
  max-width: 100%;
}
.list .theSecondItem .theSecondRight {
  padding-left: 0.4rem;
  flex: 1;
  min-width: 4rem;
  font-size:0.24rem;
  color:rgba(51,51,51,1);
  font-weight:400;
}
.list .theSecondItem .theSecondRight .brandGroup {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list .theSecondItem .theSecondRight .brandGroup .button {
  min-width:1.3rem;
  /* height:0.5rem; */
  padding: 0.08rem;
  background:rgba(205,27,34,1);
  border-radius:0.3rem;
  font-size:0.24rem;
  font-weight:400;
  color:rgba(255,255,255,1);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.list .theSecondItem .theSecondRight .industry {
  margin-top: 0.11rem;
}
.list .theSecondItem .theSecondRight .url {
  margin-top: 0.16rem;
}
.list .theSecondItem .theSecondRight :first-child {
  margin-top: 0rem;
}

.searchHistoryList {
  position: fixed;
  max-height: 4.7rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: white;
  box-shadow:0rem 0.03rem 0.1rem rgba(0,0,0,0.1);
  z-index: 22;
  width: 7.5rem;
  top: 1rem;
  flex-direction: column;
  display: none;
}
.searchHistoryList li{
  width: 100%;
  min-height: 0.97rem;
  padding: 0 0.31rem 0 0.43rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size:0.3rem;
  font-weight:400;
  color:rgba(102,102,102,1);
  border-bottom:0.02rem solid rgba(240,240,240,1);
}
.searchHistoryList li:last-child{
  border-bottom: none;
}
.searchHistoryList li .textGroup {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}
.searchHistoryList li div .text {
  padding-left: 0.28rem;
  flex: 1;
  min-width: 0;
}
.searchHistoryList li div img{
  width: 0.26rem;
  height: 0.26rem;
}
.searchHistoryList li img{
  width: 0.32rem;
  height: 0.32rem;
}





.contactUnique {
  position: fixed;
  z-index: 44;
  right: 0;
  bottom: 2.3rem;
  width:1rem;
  height:1rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0rem 0.1rem rgba(168,1,8,0.26);
  border-radius:0.3rem 0rem 0rem 0.3rem;
  transition: all .3s;
  overflow: hidden;
}
.contactUnique .contactContent {
  padding:0.1rem 0;
  width:1rem;
  /* height: 5rem; */
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* flex-direction: column-reverse; */
  /* justify-content: center; */
}
.contactUnique .common {
  padding: 0.1rem 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.contactUnique .common img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.goTopUnique {
  position: fixed;
  right: 0;
  bottom: 0.98rem;
  z-index: 44;
}
.goTopUnique .goTopUniqueContent {
  width:1rem;
  height:1rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0rem 0.1rem rgba(168,1,8,0.26);
  border-radius:0.3rem 0rem 0rem 0.3rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.goTopUnique .goTopUniqueContent .goTop {
  display: flex;
  padding: 0.2rem;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  /* font-size:0.24rem;
  font-weight:bold;
  color:rgba(211,20,28,1);
  line-height: 0.27rem; */
  /* border: 3px solid red; */
}
.goTopUnique .goTopUniqueContent .goTop img {
  width: 100%;
}

.dialogUnique {
  width: 7.5rem;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 88;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.dialogUnique .mark {
  padding: 0.69rem 0;
  width: 100%;
  min-height: 100%;
  background:rgba(0,0,0,0.66);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialogUnique .mark .dialogUniqueContent {
  width: auto;
}
.dialogUnique .mark .close{
  width: 0.7rem;
  height: 0.7rem;
  margin-top: 0.69rem;
  display: flex;
}
.dialogUnique .mark .close img {
  width: 100%;
  height: 100%;
}

.dialogTitle {
  text-align: center;
  font-weight:bold;
  color:rgba(51,51,51,1);
  position: relative;
  font-size:0.38rem;
  font-weight:800;
}
.dialogTitle::before {
  position: absolute;
  content: '';
  background: url('./images/home/tpyz_zsxz_img.png') no-repeat;
  background-size: cover;
  width:0.97rem;
  height:0.12rem;
  left: -1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dialogTitle::after {
  position: absolute;
  content: '';
  background: url('./images/home/tpyz_zsxy_img.png') no-repeat;
  background-size: cover;
  width:0.97rem;
  height:0.12rem;
  right: -1.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.voteValidate {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  width:6rem;
  /* height:7.37rem; */
  background:rgba(255,255,255,1);
  border-radius:0.2rem;
  overflow: hidden;
  position: relative;
}
.voteValidate .notification {
  margin-top: 0.18rem;
  display: flex;
  align-items: center;
}
.voteValidate .notification img {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.27rem;
}
.voteValidate .notification .text {
  font-size:0.24rem;
  font-weight:400;
  color:rgba(190,190,190,1);
}
.voteValidate .refresh {
  width: 0.38rem;
  height: 0.32rem;
  position: absolute;
  right: 0.5rem;
  display: flex;
  top: 0.61rem;
}
.voteValidate .refresh img{
  width: 100%;
  height: 100%;
}
.voteValidate .logoImage {
  width:2.36rem;
  height:1.26rem;
  background:rgba(255,255,255,1);
  border:0.06rem solid rgba(207,4,5,1);
  border-radius:0.1rem;
  display: flex;
  margin-top: 0.35rem;
}
.voteValidate .brandName {
  max-width: 3rem;
  text-align: center;
  font-size:0.34rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  margin-top: 0.16rem;
}
.validateImage {
  width:5rem;
  height:2rem;
  background:rgba(0,0,0,0);
  border-radius:0.1rem;
  overflow: hidden;
  margin-top: 0.3rem;
  display: flex;
}
.validateImage img {
  max-width: 100%;
  max-height: 100%;
}
.voteValidate .validateRuleText {
  margin-top: 0.4rem;
}
.voteValidate .validateRuleText p {
  width: 100%;
  font-size:0.28rem;
  font-weight:bold;
  color:rgba(153,153,153,1);
}
.voteValidate .validateRuleText span {
  font-weight:800;
  color:rgba(207,4,5,1);
}

.voteValidate .validateImageCode {
  width: 5rem;
  height: 0.68rem;
  display: flex;
  justify-content: center;
  background:#F5F5F5;
}
.voteValidate .validateImageCode .input {
  background: transparent;
  flex: 1;
  height: 100%;
  display: flex;
}
.voteValidate .validateImageCode input {
  background: transparent;
  font-size:0.28rem;
  font-weight:400;
  width: 100%;
  height: 100%;
  color:rgba(153,153,153,1);
  padding: 0.32rem 0.14rem;
}
.voteValidate .validateImageCode .code {
  width:1.72rem;
  height: 100%;
  border:0.01rem solid rgba(219,219,219,1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.voteValidate .validateImageCode img {
  width: 100%;
  height: 100%;
}
.voteValidate .validateImageCodeText {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.voteValidate .validateImageCodeText .left {
  display: flex;
  align-items: center;
}
.voteValidate .validateImageCodeText .left img {
  width: 0.32rem;
  height: 0.32rem;
}
.voteValidate .validateImageCodeText .left span{
  padding-left: 0.15rem;
  font-size:0.24rem;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.voteValidate .validateImageCodeText .error {
  color: #CF141B !important;
}
.voteValidate .validateImageCodeText .right {
  font-size:0.24rem;
  font-weight:400;
  color:rgba(190,190,190,1);
}
.voteValidate .info {
  font-size:0.26rem;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.voteValidate .copyUrlGroup {
  width:5.08rem;
  height:0.68rem;
  background:rgba(245,245,245,1);
  border-radius:0.1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.voteValidate .copyUrlGroup .urlBox {
  flex: 1;
  height: 100%;
  display: flex;
}
.voteValidate .copyUrlGroup .urlModel {
  background: transparent;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  font-size:0.24rem;
  font-family:Arial;
  font-weight:400;
  color:rgba(150,150,150,1);
}
.voteValidate .getUrl {
  background: transparent;
  text-align: center;
  font-size:0.28rem;
  padding-right: 0.42rem;
  font-weight:bold;
  color:rgba(207,20,27,1);
}

.voteValidate .know {
  margin: 0 !important;
  margin-top: 0.66rem !important;
  width:2.28rem !important;
  height:0.7rem !important;
  background:rgba(207,20,27,1);
  border-radius:0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:0.3rem;
  font-weight:400;
  color:rgba(255,255,255,1);
}


.voteSuccess {
  display: flex;
  align-items: center;
  flex-direction: column;
  width:6.43rem;
  height: 8.91rem;
  background: url('./images/newVote/tpcg_dt_img.png') no-repeat;
  background-size: cover;
}
.voteSuccess .title {
  margin-top: 1.23rem;
  width:1.92rem;
  font-size:0.48rem;
  font-weight:800;
  color:rgba(241,220,166,1);
}
.voteSuccess .logoImage {
  margin-top: 0.27rem;
  width:2.68rem;
  height:1.4rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0.03rem 0.06rem rgba(0,0,0,0.16);
  border-radius:0.1rem;
}
.voteSuccess .votes {
  margin-top: 0.29rem;
  height:0.44rem;
  background:rgba(241,220,166,1);
  padding: 0 0.28rem;
  border-radius:0.5rem;
  font-size:0.32rem;
  font-weight:800;
  color:rgba(50,43,34,1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.voteSuccess .brandName {
  margin-top: 0.63rem;
  max-width: 4.5rem;
  font-size:0.26rem;
  font-weight:400;
  color:rgba(235,204,141,1);
  text-align: center;
}
.voteSuccess .voteTime {
  margin-top: 0.2rem;
  max-width: 5rem;
  font-size:0.26rem;
  font-weight:400;
  color:rgba(235,204,141,1);
  text-align: center;
}
.voteSuccess .copyUrlGroup {
  margin-top: 0.32rem;
  width:4.9rem;
  height:0.68rem;
  background: linear-gradient(90deg,rgba(245,227,176,0.85) 0%,rgba(198,170,112,0.85) 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.voteSuccess .copyUrlGroup .urlBox {
  flex: 1;
  height: 100%;
  display: flex;
}
.voteSuccess .copyUrlGroup .urlModel {
  background: transparent;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  font-family:Arial;
  font-weight:400;
  font-size:0.26rem;
  font-weight:400;
  /* color:rgba(50,43,34,1); */
  color:rgba(150,150,150,1);
}
.voteSuccess .getUrl {
  background: transparent;
  width:1.32rem;
  height:0.58rem;
  margin: 0.05rem;
  background:rgba(255,255,255,1);
  font-size:0.26rem;
  font-weight:400;
  color:rgba(50,43,34,1);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.voteSuccess .know {
  margin: 0 !important;
  margin-top: 0.44rem !important;
  width:2.27rem !important;
  height:0.7rem !important;
  border:0.02rem solid rgba(242,223,171,1);
  border-radius:0.35rem;
  font-size:0.28rem;
  font-weight:bold;
  color:rgba(241,222,170,1);
  display: flex;
  justify-content: center;
  align-items: center;
}


.wechatDialog {
  width:6rem;
  height:7.45rem;
  background: url('./images/newVote/m_wxkf_img.png') no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wechatDialog .logoImage {
  margin-top: 0.76rem;
  width: 2.1rem;
  height: 0.61rem;
}
.wechatDialog .title {
  margin-top: 0.46rem;
  font-size:0.3rem;
  font-weight:800;
  color:rgba(51,51,51,1);
}
.wechatDialog .qrCode {
  margin-top: 1.46rem;
  width: 5rem;
  display: flex;
  height: 5rem;
}
.wechatDialog .qrCode img {
  width: 100%;
  height: 100%;
}
.wechatDialog .infoGroup {
  margin-top: 0.5rem;
  font-size:0.28rem;
  font-weight:500;
  color:rgba(153,153,153,1);
  position: relative;
}
.wechatDialog .infoGroup::before {
  content: '';
  width: 0.49rem;
  height: 0.01rem;
  background: url('./images/newVote/line.png') no-repeat;
  background-size: 100%;
  position: absolute;
  left: -0.68rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wechatDialog .infoGroup::after {
  content: '';
  width: 0.49rem;
  height: 0.01rem;
  background: #B4B3B3;
  background-size: 100%;
  position: absolute;
  right: -0.68rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wechatDialog .fingerprint {
  margin-top: 0.54rem;
  width: 0.78rem;
  height: 0.76rem;
  display: flex;
}
.wechatDialog .fingerprint img {
  max-width: 100%;
  max-height: 100%;
}


.shareDialog {
  width:6rem;
  height:7.83rem;
  background: url('./images/newVote/fxtc_dt_img_share.png') no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shareDialog .logoImage {
  margin-top: 0.76rem;
  width: 2.1rem;
  height: 0.61rem;
}
.shareDialog .brand {
  margin-top: 0.68rem;
  font-size:0.38rem;
  font-weight:800;
  color:rgba(255,242,206,1);
}
.shareDialog .topTen {
  font-size:0.3rem;
  font-weight:800;
  color:rgba(51,51,51,1);
}
.shareDialog .qrCode {
  margin-top: 0.6rem;
  width: 5rem;
  display: flex;
  height: 5rem;
}
.shareDialog .qrCode img {
  width: 100%;
  height: 100%;
}
.shareDialog .infoGroup {
  margin-top: 0.33rem;
  font-size:0.28rem;
  font-weight:500;
  line-height:0.31rem;
  color:rgba(153,153,153,1);
  position: relative;
}
.shareDialog .infoGroup::before {
  content: '';
  width: 1.07rem;
  height: 0.01rem;
  background: #B4B3B3;
  background-size: 100%;
  position: absolute;
  left: -1.15rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.shareDialog .infoGroup::after {
  content: '';
  width: 1.07rem;
  height: 0.01rem;
  background: #B4B3B3;
  background-size: 100%;
  position: absolute;
  right: -1.15rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.shareDialog .fingerprint {
  margin-top: 0.35rem;
  width: 0.78rem;
  height: 0.76rem;
  display: flex;
}
.shareDialog .fingerprint img {
  max-width: 100%;
  max-height: 100%;
}

.phoneDialog {
  width: 6rem;
  height: 3.26rem;
  background:rgba(255,255,255,1);
  border:0.01rem solid rgba(112,112,112,1);
  border-radius:0.1rem;
  padding: 0.52rem 0.29rem 0.18rem 0.29rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.phoneDialog .title {
  font-size:0.32rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.phoneDialog .tips {
  margin-top: 0.37rem;
  font-size:0.3rem;
  font-weight:500;
  color:rgba(51,51,51,1);
}
.phoneDialog .buttonGroup {
  margin-top: 0.66rem;
  padding-top: 0.24rem;
  border-top:0.01rem solid rgba(206,206,206,1);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.phoneDialog .buttonGroup .btn:first-child{
  border-right: 1px solid rgba(206,206,206,1);
}
.phoneDialog .buttonGroup .btn:last-child {
  color:rgba(207,20,27,1);
}
.phoneDialog .buttonGroup .btn {
  border: none;
  height:0.38rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size:0.3rem;
  font-weight:500;
  color:rgba(153,153,153,1);
  /* width: auto !important;
  height: auto !important;
  margin: 0 !important; */
}
.phoneDialog .buttonGroup .line {
  /* width:0.01rem;
  height:0.38rem;
  background: rgba(206,206,206,1); */
}
.activityDetailsDialog {
  margin-bottom: 0.37rem;
  width: 5.2rem;
  height: 6.6rem;
  background: url('./images/newVote/m_hddt_img.png') no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.activityDetailsDialog .industry {
  margin-top: 1.28rem;
  font-size:0.48rem;
  font-weight:bold;
  color:rgba(254,254,254,1);
}
.activityDetailsDialog .dateRange {
  margin-top: 1.52rem;
  font-size:0.26rem;
  font-weight:400;
  color:rgba(238,219,142,1);
}
.activityDetailsDialog .bgBottomImg {
  width: 7.02rem;
  height: 2.73rem;
  position: absolute;
  bottom: -0.57rem;
  left: -0.67rem;
}